<%@ page contentType="text/html;charset=UTF-8" language="java" trimDirectiveWhitespaces="true" %>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<tiles:useAttribute id="listStyles" name="styles" classname="java.util.List" ignore="true"/>
<tiles:useAttribute id="pageTitle" name="title"/>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title><spring:message code="${pageTitle}" htmlEscape="true"/></title>
    <%-- Styles --%>
    <link type="text/css" href="${pageContext.request.contextPath}/styles/layout.css" rel="stylesheet" media="screen"
          charset="UTF-8"/>
    <link type="text/css" href="${pageContext.request.contextPath}/styles/main.css" rel="stylesheet" media="screen"
          charset="UTF-8"/>
    <link type="text/css" href="${pageContext.request.contextPath}/styles/jquery.collapsible.css" rel="stylesheet"
          media="screen" charset="UTF-8"/>
    <link type="text/css" href="${pageContext.request.contextPath}/styles/jquery/plugin/slickgrid/slick.grid.css" rel="stylesheet" media="screen" charset="UTF-8"/>
    <link type="text/css" href="${pageContext.request.contextPath}/styles/jquery/plugin/slickgrid/slick.pager.css" rel="stylesheet" media="screen" charset="UTF-8"/>
    <link type="text/css" href="${pageContext.request.contextPath}/styles/jquery/plugin/slickgrid/slick.columnpicker.css" rel="stylesheet" media="screen" charset="UTF-8"/>
    <%--<link type="text/css" href="${pageContext.request.contextPath}/styles/jquery/ui/ui-lightness/jquery-ui-1.8.13.custom.css" rel="stylesheet" media="screen" charset="UTF-8"/>--%>
    <link type="text/css" href="${pageContext.request.contextPath}/styles/jquery/ui/ui-soso/soso-ui.custom.css"
          rel="stylesheet" media="screen" charset="UTF-8"/>

    <c:forEach var="item" items="${listStyles}">
        <link type="text/css" href="${pageContext.request.contextPath}${item}" rel="stylesheet" media="screen"
              charset="UTF-8"/>
    </c:forEach>

    <%--<link type="text/css" href="${pageContext.request.contextPath}/styles/jquery/plugin/inputmultiselect.css" rel="stylesheet" media="screen" charset="UTF-8"/>--%>
    <%-- Static JS --%>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/i18n/en.js"></script>

    <%--<script type="text/javascript" src="${pageContext.request.contextPath}/js/date/date.core.js"></script>--%>

    <script type="text/javascript" src="${pageContext.request.contextPath}/js/json2.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/jquery-1.6.1.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/js/jquery/ui/jquery-ui-1.8.13.custom.js"></script>

    <script type="text/javascript"
            src="${pageContext.request.contextPath}/js/jquery/plugin/jquery.layout-latest.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/js/jquery/plugin/jquery.bgiframe-2.1.2.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/js/jquery/plugin/jquery.caret.1.02.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/js/jquery/plugin/jquery.event.drag-2.0.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/js/jquery/plugin/jquery.namesession-1.0.0.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/js/jquery/plugin/jquery-validation-1.8.1/jquery.validate.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/js/jquery/plugin/jquery.metadata.js"></script>

    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/plugin/slickgrid/slick.editors.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/plugin/slickgrid/slick.grid.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/plugin/slickgrid/slick.model.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/plugin/slickgrid/slick.pager.js"></script>

    <script type="text/javascript"
            src="${pageContext.request.contextPath}/js/jquery/plugin/jquery.loading.1.6.4.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/js/jquery/plugin/jquery.loading.overflow.js"></script>

    <script type="text/javascript" src="${pageContext.request.contextPath}/js/soso/jquery.collapsible.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/soso/slick.editorsplus.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/soso/slick.util.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/soso/slick.columnpicker.nofitcolumns.js"></script>

    <script type="text/javascript" src="${pageContext.request.contextPath}/js/date/date.core.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/date/date.field.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/date/date.field.year.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/date/date.field.month.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/date/date.field.dayOfMonth.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/date/date.field.hour.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/date/date.field.minute.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/date/date.field.second.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/date/date.field.millisecond.js"></script>

    <script type="text/javascript" src="${pageContext.request.contextPath}/js/date/date.field.dayOfWeek.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/date/date.field.weekOfYear.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/date/date.field.weekOfMonth.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/date/date.timezone.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/date/date.timezone.CET.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/date/date.timezone.PACIFIC.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/date/date.calendar.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/date/date.formatter.js"></script>

    <script type="text/javascript" src="${pageContext.request.contextPath}/js/soso/main.js"></script>

   <%-- <script type="text/javascript">
        DateTime.TimeZone.DEFAULT = DateTime.TimeZone.CET
    </script>--%>

    <%-- Dynamic JS --%>
    <script type="text/javascript" src="${pageContext.request.contextPath}/ajax/engine.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/soso/dwr.defaults.js"></script>
</head>
<body>
<div id="pageHeader">
    <tiles:insertAttribute name="header"/>
</div>
<div id="pageContent"><tiles:insertAttribute name="body"/></div>

<div id="dwrErrorDialog" title="Error happened"
     class="dialog"></div>
<div id="alertDialog" title="Information" class="dialog"></div>
<div id="loading" class="ui-widget-overlay"><img alt="Loading..."
                                                 src="${pageContext.request.contextPath}/images/jquery/plugin/loading/waitingBar.gif"/>
</div>
</body>
</html>